<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page import="com.bean.Viedo" %>
<%@ page import="java.util.List" %>
<%@ page import="com.bean.Page" %><%--
  Created by IntelliJ IDEA.
  User: 张峻炜
  Date: 2021/3/19
  Time: 12:45
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE HTML>
<html>
<head>
    <title>Login</title>
    <%@include file="common/utils.jsp" %>
</head>
<body>
<%--头--%>
<%@include file="common/head.jsp" %>

<%--左边菜单--%>
<%--<%@include file="common/leftMenu_success.jsp" %>--%>
<%@include file="common/leftMenu.jsp" %>
<%--右边中间内容--%>

<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
    <div class="main-grids">
        <div class="top-grids">
            <div class="recommended-info">
                <h3>最近的影片</h3>
            </div>

            <c:if test="${not empty requestScope.page.items}">
                <c:forEach items="${requestScope.page.items}" var="videos">
                <div class="col-md-4 resent-grid recommended-grid slider-top-grids">
                    <div class="resent-grid-img recommended-grid-img">
                        <a href="single.jsp"><img src="${requestScope.page.items.pic}" alt=""/></a>
                        <div class="time">
                            <p>3:04</p>
                        </div>
                        <div class="clck">
                            <span class="glyphicon glyphicon-time" aria-hidden="true"></span>
                        </div>
                    </div>
                    <div class="resent-grid-info recommended-grid-info">
                        <h3><a href="${requestScope.page.items.path}" class="title title-info">Pellentesque vitae pulvinar tortor nullam interdum
                            metus a imperdiet</a></h3>
                        <ul>
                            <li><p class="author author-info"><a href="#" class="author">John Maniya</a></p></li>
                            <li class="right-list"><p class="views views-info">2,114,200 views</p></li>
                        </ul>
                    </div>
                </div>
                </c:forEach>
            </c:if>


            <div class="clearfix"></div>
        </div>
        <div class="recommended">
            <div class="recommended-grids">
                <div class="recommended-info">
                    <h3>动画片</h3>
                </div>
                <script src="js/responsiveslides.min.js"></script>
                <script>
                    // You can also use "$(window).load(function() {"
                    $(function () {
                        // Slideshow 4
                        $("#slider3").responsiveSlides({
                            auto: true,
                            pager: false,
                            nav: true,
                            speed: 500,
                            namespace: "callbacks",
                            before: function () {
                                $('.events').append("<li>before event fired.</li>");
                            },
                            after: function () {
                                $('.events').append("<li>after event fired.</li>");
                            }
                        });

                    });
                </script>
                <div id="top" class="callbacks_container">
                    <ul class="rslides" id="slider3">
                        <li>
                            <div class="animated-grids">
                                <div class="col-md-3 resent-grid recommended-grid slider-first">
                                    <div class="resent-grid-img recommended-grid-img">
                                        <a href="single.jsp"><img src="images/c.jpg" alt=""/></a>
                                        <div class="time small-time slider-time">
                                            <p>7:34</p>
                                        </div>
                                        <div class="clck small-clck">
                                            <span class="glyphicon glyphicon-time" aria-hidden="true"></span>
                                        </div>
                                    </div>
                                    <div class="resent-grid-info recommended-grid-info">
                                        <h5><a href="single.jsp" class="title">Varius sit sed viverra nullam viverra
                                            nullam interdum metus</a></h5>
                                        <div class="slid-bottom-grids">
                                            <div class="slid-bottom-grid">
                                                <p class="author author-info"><a href="#" class="author">John Maniya</a>
                                                </p>
                                            </div>
                                            <div class="slid-bottom-grid slid-bottom-right">
                                                <p class="views views-info">2,114,200 views</p>
                                            </div>
                                            <div class="clearfix"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3 resent-grid recommended-grid slider-first">
                                    <div class="resent-grid-img recommended-grid-img">
                                        <a href="single.jsp"><img src="images/c1.jpg" alt=""/></a>
                                        <div class="time small-time slider-time">
                                            <p>6:23</p>
                                        </div>
                                        <div class="clck small-clck">
                                            <span class="glyphicon glyphicon-time" aria-hidden="true"></span>
                                        </div>
                                    </div>
                                    <div class="resent-grid-info recommended-grid-info">
                                        <h5><a href="single.jsp" class="title">Nullam interdum metus varius viverra
                                            nullam sit amet viverra</a></h5>
                                        <div class="slid-bottom-grids">
                                            <div class="slid-bottom-grid">
                                                <p class="author author-info"><a href="#" class="author">John Maniya</a>
                                                </p>
                                            </div>
                                            <div class="slid-bottom-grid slid-bottom-right">
                                                <p class="views views-info">14,200 views</p>
                                            </div>
                                            <div class="clearfix"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3 resent-grid recommended-grid slider-first">
                                    <div class="resent-grid-img recommended-grid-img">
                                        <a href="single.jsp"><img src="images/c2.jpg" alt=""/></a>
                                        <div class="time small-time slider-time">
                                            <p>2:45</p>
                                        </div>
                                        <div class="clck small-clck">
                                            <span class="glyphicon glyphicon-time" aria-hidden="true"></span>
                                        </div>
                                    </div>
                                    <div class="resent-grid-info recommended-grid-info">
                                        <h5><a href="single.jsp" class="title">Varius sit sed viverra nullam viverra
                                            nullam interdum metus</a></h5>
                                        <div class="slid-bottom-grids">
                                            <div class="slid-bottom-grid">
                                                <p class="author author-info"><a href="#" class="author">John Maniya</a>
                                                </p>
                                            </div>
                                            <div class="slid-bottom-grid slid-bottom-right">
                                                <p class="views views-info">2,114,200 views</p>
                                            </div>
                                            <div class="clearfix"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3 resent-grid recommended-grid slider-first">
                                    <div class="resent-grid-img recommended-grid-img">
                                        <a href="single.jsp"><img src="images/c3.jpg" alt=""/></a>
                                        <div class="time small-time slider-time">
                                            <p>4:34</p>
                                        </div>
                                        <div class="clck small-clck">
                                            <span class="glyphicon glyphicon-time" aria-hidden="true"></span>
                                        </div>
                                    </div>
                                    <div class="resent-grid-info recommended-grid-info">
                                        <h5><a href="single.jsp" class="title">Nullam interdum metus viverra nullam
                                            varius sit sed viverra</a></h5>
                                        <div class="slid-bottom-grids">
                                            <div class="slid-bottom-grid">
                                                <p class="author author-info"><a href="#" class="author">John Maniya</a>
                                                </p>
                                            </div>
                                            <div class="slid-bottom-grid slid-bottom-right">
                                                <p class="views views-info">2,114,200 views</p>
                                            </div>
                                            <div class="clearfix"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                        </li>
                        <li>
                            <div class="animated-grids">
                                <div class="col-md-3 resent-grid recommended-grid slider-first">
                                    <div class="resent-grid-img recommended-grid-img">
                                        <a href="single.jsp"><img src="images/c1.jpg" alt=""/></a>
                                        <div class="time small-time slider-time">
                                            <p>4:42</p>
                                        </div>
                                        <div class="clck small-clck">
                                            <span class="glyphicon glyphicon-time" aria-hidden="true"></span>
                                        </div>
                                    </div>
                                    <div class="resent-grid-info recommended-grid-info">
                                        <h5><a href="single.jsp" class="title">Varius sit sed viverra viverra nullam
                                            nullam interdum metus</a></h5>
                                        <div class="slid-bottom-grids">
                                            <div class="slid-bottom-grid">
                                                <p class="author author-info"><a href="#" class="author">John Maniya</a>
                                                </p>
                                            </div>
                                            <div class="slid-bottom-grid slid-bottom-right">
                                                <p class="views views-info">2,114,200 views</p>
                                            </div>
                                            <div class="clearfix"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3 resent-grid recommended-grid slider-first">
                                    <div class="resent-grid-img recommended-grid-img">
                                        <a href="single.jsp"><img src="images/c2.jpg" alt=""/></a>
                                        <div class="time small-time slider-time">
                                            <p>6:14</p>
                                        </div>
                                        <div class="clck small-clck">
                                            <span class="glyphicon glyphicon-time" aria-hidden="true"></span>
                                        </div>
                                    </div>
                                    <div class="resent-grid-info recommended-grid-info">
                                        <h5><a href="single.jsp" class="title">Nullam interdum metus viverra nullam
                                            varius sit sed viverra</a></h5>
                                        <div class="slid-bottom-grids">
                                            <div class="slid-bottom-grid">
                                                <p class="author author-info"><a href="#" class="author">John Maniya</a>
                                                </p>
                                            </div>
                                            <div class="slid-bottom-grid slid-bottom-right">
                                                <p class="views views-info">2,114,200 views</p>
                                            </div>
                                            <div class="clearfix"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3 resent-grid recommended-grid slider-first">
                                    <div class="resent-grid-img recommended-grid-img">
                                        <a href="single.jsp"><img src="images/c3.jpg" alt=""/></a>
                                        <div class="time small-time slider-time">
                                            <p>2:34</p>
                                        </div>
                                        <div class="clck small-clck">
                                            <span class="glyphicon glyphicon-time" aria-hidden="true"></span>
                                        </div>
                                    </div>
                                    <div class="resent-grid-info recommended-grid-info">
                                        <h5><a href="single.jsp" class="title">varius sit sed viverra viverra nullam
                                            Nullam interdum metus</a></h5>
                                        <div class="slid-bottom-grids">
                                            <div class="slid-bottom-grid">
                                                <p class="author author-info"><a href="#" class="author">John Maniya</a>
                                                </p>
                                            </div>
                                            <div class="slid-bottom-grid slid-bottom-right">
                                                <p class="views views-info">2,114,200 views</p>
                                            </div>
                                            <div class="clearfix"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3 resent-grid recommended-grid slider-first">
                                    <div class="resent-grid-img recommended-grid-img">
                                        <a href="single.jsp"><img src="images/c.jpg" alt=""/></a>
                                        <div class="time small-time slider-time">
                                            <p>5:12</p>
                                        </div>
                                        <div class="clck small-clck">
                                            <span class="glyphicon glyphicon-time" aria-hidden="true"></span>
                                        </div>
                                    </div>
                                    <div class="resent-grid-info recommended-grid-info">
                                        <h5><a href="single.jsp" class="title">Nullam interdum metus viverra nullam
                                            varius sit sed viverra</a></h5>
                                        <div class="slid-bottom-grids">
                                            <div class="slid-bottom-grid">
                                                <p class="author author-info"><a href="#" class="author">John Maniya</a>
                                                </p>
                                            </div>
                                            <div class="slid-bottom-grid slid-bottom-right">
                                                <p class="views views-info">1,14,200 views</p>
                                            </div>
                                            <div class="clearfix"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                        </li>
                        <li>
                            <div class="animated-grids">
                                <div class="col-md-3 resent-grid recommended-grid slider-first">
                                    <div class="resent-grid-img recommended-grid-img">
                                        <a href="single.jsp"><img src="images/c2.jpg" alt=""/></a>
                                        <div class="time small-time slider-time">
                                            <p>4:42</p>
                                        </div>
                                        <div class="clck small-clck">
                                            <span class="glyphicon glyphicon-time" aria-hidden="true"></span>
                                        </div>
                                    </div>
                                    <div class="resent-grid-info recommended-grid-info">
                                        <h5><a href="single.jsp" class="title">Varius sit sed viverra viverra nullam
                                            nullam interdum metus</a></h5>
                                        <div class="slid-bottom-grids">
                                            <div class="slid-bottom-grid">
                                                <p class="author author-info"><a href="#" class="author">John Maniya</a>
                                                </p>
                                            </div>
                                            <div class="slid-bottom-grid slid-bottom-right">
                                                <p class="views views-info">2,114,200 views</p>
                                            </div>
                                            <div class="clearfix"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3 resent-grid recommended-grid slider-first">
                                    <div class="resent-grid-img recommended-grid-img">
                                        <a href="single.jsp"><img src="images/c3.jpg" alt=""/></a>
                                        <div class="time small-time slider-time">
                                            <p>6:14</p>
                                        </div>
                                        <div class="clck small-clck">
                                            <span class="glyphicon glyphicon-time" aria-hidden="true"></span>
                                        </div>
                                    </div>
                                    <div class="resent-grid-info recommended-grid-info">
                                        <h5><a href="single.jsp" class="title">Nullam interdum metus viverra nullam
                                            varius sit sed viverra</a></h5>
                                        <div class="slid-bottom-grids">
                                            <div class="slid-bottom-grid">
                                                <p class="author author-info"><a href="#" class="author">John Maniya</a>
                                                </p>
                                            </div>
                                            <div class="slid-bottom-grid slid-bottom-right">
                                                <p class="views views-info">2,114,200 views</p>
                                            </div>
                                            <div class="clearfix"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3 resent-grid recommended-grid slider-first">
                                    <div class="resent-grid-img recommended-grid-img">
                                        <a href="single.jsp"><img src="images/c.jpg" alt=""/></a>
                                        <div class="time small-time slider-time">
                                            <p>2:34</p>
                                        </div>
                                        <div class="clck small-clck">
                                            <span class="glyphicon glyphicon-time" aria-hidden="true"></span>
                                        </div>
                                    </div>
                                    <div class="resent-grid-info recommended-grid-info">
                                        <h5><a href="single.jsp" class="title">varius sit sed viverra viverra nullam
                                            Nullam interdum metus</a></h5>
                                        <div class="slid-bottom-grids">
                                            <div class="slid-bottom-grid">
                                                <p class="author author-info"><a href="#" class="author">John Maniya</a>
                                                </p>
                                            </div>
                                            <div class="slid-bottom-grid slid-bottom-right">
                                                <p class="views views-info">2,114,200 views</p>
                                            </div>
                                            <div class="clearfix"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3 resent-grid recommended-grid slider-first">
                                    <div class="resent-grid-img recommended-grid-img">
                                        <a href="single.jsp"><img src="images/c3.jpg" alt=""/></a>
                                        <div class="time small-time slider-time">
                                            <p>5:12</p>
                                        </div>
                                        <div class="clck small-clck">
                                            <span class="glyphicon glyphicon-time" aria-hidden="true"></span>
                                        </div>
                                    </div>
                                    <div class="resent-grid-info recommended-grid-info">
                                        <h5><a href="single.jsp" class="title">Nullam interdum metus viverra nullam
                                            varius sit sed viverra</a></h5>
                                        <div class="slid-bottom-grids">
                                            <div class="slid-bottom-grid">
                                                <p class="author author-info"><a href="#" class="author">John Maniya</a>
                                                </p>
                                            </div>
                                            <div class="slid-bottom-grid slid-bottom-right">
                                                <p class="views views-info">1,14,200 views</p>
                                            </div>
                                            <div class="clearfix"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                        </li>
                        <li>
                            <div class="animated-grids">
                                <div class="col-md-3 resent-grid recommended-grid slider-first">
                                    <div class="resent-grid-img recommended-grid-img">
                                        <a href="single.jsp"><img src="images/c3.jpg" alt=""/></a>
                                        <div class="time small-time slider-time">
                                            <p>4:42</p>
                                        </div>
                                        <div class="clck small-clck">
                                            <span class="glyphicon glyphicon-time" aria-hidden="true"></span>
                                        </div>
                                    </div>
                                    <div class="resent-grid-info recommended-grid-info">
                                        <h5><a href="single.jsp" class="title">Varius sit sed viverra viverra nullam
                                            nullam interdum metus</a></h5>
                                        <div class="slid-bottom-grids">
                                            <div class="slid-bottom-grid">
                                                <p class="author author-info"><a href="#" class="author">John Maniya</a>
                                                </p>
                                            </div>
                                            <div class="slid-bottom-grid slid-bottom-right">
                                                <p class="views views-info">2,114,200 views</p>
                                            </div>
                                            <div class="clearfix"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3 resent-grid recommended-grid slider-first">
                                    <div class="resent-grid-img recommended-grid-img">
                                        <a href="single.jsp"><img src="images/c.jpg" alt=""/></a>
                                        <div class="time small-time slider-time">
                                            <p>6:14</p>
                                        </div>
                                        <div class="clck small-clck">
                                            <span class="glyphicon glyphicon-time" aria-hidden="true"></span>
                                        </div>
                                    </div>
                                    <div class="resent-grid-info recommended-grid-info">
                                        <h5><a href="single.jsp" class="title">Nullam interdum metus viverra nullam
                                            varius sit sed viverra</a></h5>
                                        <div class="slid-bottom-grids">
                                            <div class="slid-bottom-grid">
                                                <p class="author author-info"><a href="#" class="author">John Maniya</a>
                                                </p>
                                            </div>
                                            <div class="slid-bottom-grid slid-bottom-right">
                                                <p class="views views-info">2,114,200 views</p>
                                            </div>
                                            <div class="clearfix"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3 resent-grid recommended-grid slider-first">
                                    <div class="resent-grid-img recommended-grid-img">
                                        <a href="single.jsp"><img src="images/c1.jpg" alt=""/></a>
                                        <div class="time small-time slider-time">
                                            <p>2:34</p>
                                        </div>
                                        <div class="clck small-clck">
                                            <span class="glyphicon glyphicon-time" aria-hidden="true"></span>
                                        </div>
                                    </div>
                                    <div class="resent-grid-info recommended-grid-info">
                                        <h5><a href="single.jsp" class="title">varius sit sed viverra viverra nullam
                                            Nullam interdum metus</a></h5>
                                        <div class="slid-bottom-grids">
                                            <div class="slid-bottom-grid">
                                                <p class="author author-info"><a href="#" class="author">John Maniya</a>
                                                </p>
                                            </div>
                                            <div class="slid-bottom-grid slid-bottom-right">
                                                <p class="views views-info">2,114,200 views</p>
                                            </div>
                                            <div class="clearfix"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3 resent-grid recommended-grid slider-first">
                                    <div class="resent-grid-img recommended-grid-img">
                                        <a href="single.jsp"><img src="images/c2.jpg" alt=""/></a>
                                        <div class="time small-time slider-time">
                                            <p>5:12</p>
                                        </div>
                                        <div class="clck small-clck">
                                            <span class="glyphicon glyphicon-time" aria-hidden="true"></span>
                                        </div>
                                    </div>
                                    <div class="resent-grid-info recommended-grid-info">
                                        <h5><a href="single.jsp" class="title">Nullam interdum metus viverra nullam
                                            varius sit sed viverra</a></h5>
                                        <div class="slid-bottom-grids">
                                            <div class="slid-bottom-grid">
                                                <p class="author author-info"><a href="#" class="author">John Maniya</a>
                                                </p>
                                            </div>
                                            <div class="slid-bottom-grid slid-bottom-right">
                                                <p class="views views-info">1,14,200 views</p>
                                            </div>
                                            <div class="clearfix"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="recommended">
            <div class="recommended-grids">
                <div class="recommended-info">
                    <h3>推荐的</h3>
                </div>
                <div class="col-md-3 resent-grid recommended-grid">
                    <div class="resent-grid-img recommended-grid-img">
                        <a href="single.jsp"><img src="images/r1.jpg" alt=""/></a>
                        <div class="time small-time">
                            <p>2:34</p>
                        </div>
                        <div class="clck small-clck">
                            <span class="glyphicon glyphicon-time" aria-hidden="true"></span>
                        </div>
                    </div>
                    <div class="resent-grid-info recommended-grid-info video-info-grid">
                        <h5><a href="single.jsp" class="title">Varius sit sed viverra viverra nullam nullam interdum
                            metus</a></h5>
                        <ul>
                            <li><p class="author author-info"><a href="#" class="author">John Maniya</a></p></li>
                            <li class="right-list"><p class="views views-info">2,114,200 views</p></li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-3 resent-grid recommended-grid">
                    <div class="resent-grid-img recommended-grid-img">
                        <a href="single.jsp"><img src="images/r2.jpg" alt=""/></a>
                        <div class="time small-time">
                            <p>3:02</p>
                        </div>
                        <div class="clck small-clck">
                            <span class="glyphicon glyphicon-time" aria-hidden="true"></span>
                        </div>
                    </div>
                    <div class="resent-grid-info recommended-grid-info video-info-grid">
                        <h5><a href="single.jsp" class="title">Nullam interdum metus viverra nullam varius sit sed
                            viverra</a></h5>
                        <ul>
                            <li><p class="author author-info"><a href="#" class="author">John Maniya</a></p></li>
                            <li class="right-list"><p class="views views-info">2,114,200 views</p></li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-3 resent-grid recommended-grid">
                    <div class="resent-grid-img recommended-grid-img">
                        <a href="single.jsp"><img src="images/r3.jpg" alt=""/></a>
                        <div class="time small-time">
                            <p>1:34</p>
                        </div>
                        <div class="clck small-clck">
                            <span class="glyphicon glyphicon-time" aria-hidden="true"></span>
                        </div>
                    </div>
                    <div class="resent-grid-info recommended-grid-info video-info-grid">
                        <h5><a href="single.jsp" class="title">Varius sit sed viverra nullam viverra nullam interdum
                            metus</a></h5>
                        <ul>
                            <li><p class="author author-info"><a href="#" class="author">John Maniya</a></p></li>
                            <li class="right-list"><p class="views views-info">2,114,200 views</p></li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-3 resent-grid recommended-grid">
                    <div class="resent-grid-img recommended-grid-img">
                        <a href="single.jsp"><img src="images/r4.jpg" alt=""/></a>
                        <div class="time small-time">
                            <p>2:09</p>
                        </div>
                        <div class="clck small-clck">
                            <span class="glyphicon glyphicon-time" aria-hidden="true"></span>
                        </div>
                    </div>
                    <div class="resent-grid-info recommended-grid-info video-info-grid">
                        <h5><a href="single.jsp" class="title">Nullam interdum viverra nullam metus varius sit sed
                            viverra</a></h5>
                        <ul>
                            <li><p class="author author-info"><a href="#" class="author">John Maniya</a></p></li>
                            <li class="right-list"><p class="views views-info">2,114,200 views</p></li>
                        </ul>
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>
            <div class="recommended-grids">
                <div class="col-md-3 resent-grid recommended-grid">
                    <div class="resent-grid-img recommended-grid-img">
                        <a href="single.jsp"><img src="images/r4.jpg" alt=""/></a>
                        <div class="time small-time">
                            <p>6:34</p>
                        </div>
                        <div class="clck small-clck">
                            <span class="glyphicon glyphicon-time" aria-hidden="true"></span>
                        </div>
                    </div>
                    <div class="resent-grid-info recommended-grid-info video-info-grid">
                        <h5><a href="single.jsp" class="title">Varius sit sed viverra nullam viverra nullam interdum
                            metus</a></h5>
                        <ul>
                            <li><p class="author author-info"><a href="#" class="author">John Maniya</a></p></li>
                            <li class="right-list"><p class="views views-info">2,114,200 views</p></li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-3 resent-grid recommended-grid">
                    <div class="resent-grid-img recommended-grid-img">
                        <a href="single.jsp"><img src="images/r5.jpg" alt=""/></a>
                        <div class="time small-time">
                            <p>7:34</p>
                        </div>
                        <div class="clck small-clck">
                            <span class="glyphicon glyphicon-time" aria-hidden="true"></span>
                        </div>
                    </div>
                    <div class="resent-grid-info recommended-grid-info video-info-grid">
                        <h5><a href="single.jsp" class="title">Nullam interdum metus viverra nullam varius sit sed
                            viverra</a></h5>
                        <ul>
                            <li><p class="author author-info"><a href="#" class="author">John Maniya</a></p></li>
                            <li class="right-list"><p class="views views-info">2,114,200 views</p></li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-3 resent-grid recommended-grid">
                    <div class="resent-grid-img recommended-grid-img">
                        <a href="single.jsp"><img src="images/r6.jpg" alt=""/></a>
                        <div class="time small-time">
                            <p>6:09</p>
                        </div>
                        <div class="clck small-clck">
                            <span class="glyphicon glyphicon-time" aria-hidden="true"></span>
                        </div>
                    </div>
                    <div class="resent-grid-info recommended-grid-info video-info-grid">
                        <h5><a href="single.jsp" class="title">Varius sit sed viverra nullam viverra nullam interdum
                            metus</a></h5>
                        <ul>
                            <li><p class="author author-info"><a href="#" class="author">John Maniya</a></p></li>
                            <li class="right-list"><p class="views views-info">2,114,200 views</p></li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-3 resent-grid recommended-grid">
                    <div class="resent-grid-img recommended-grid-img">
                        <a href="single.jsp"><img src="images/r1.jpg" alt=""/></a>
                        <div class="time small-time">
                            <p>9:04</p>
                        </div>
                        <div class="clck small-clck">
                            <span class="glyphicon glyphicon-time" aria-hidden="true"></span>
                        </div>
                    </div>
                    <div class="resent-grid-info recommended-grid-info video-info-grid">
                        <h5><a href="single.jsp" class="title">Nullam interdum metus viverra nullam varius sit sed
                            viverra</a></h5>
                        <ul>
                            <li><p class="author author-info"><a href="#" class="author">John Maniya</a></p></li>
                            <li class="right-list"><p class="views views-info">2,114,200 views</p></li>
                        </ul>
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
        <div class="recommended">
            <div class="recommended-grids">
                <div class="recommended-info">
                    <h3>运动的</h3>
                </div>
                <div class="col-md-3 resent-grid recommended-grid">
                    <div class="resent-grid-img recommended-grid-img">
                        <a href="single.jsp"><img src="images/g.jpg" alt=""/></a>
                        <div class="time small-time">
                            <p>7:30</p>
                        </div>
                        <div class="clck small-clck">
                            <span class="glyphicon glyphicon-time" aria-hidden="true"></span>
                        </div>
                    </div>
                    <div class="resent-grid-info recommended-grid-info video-info-grid">
                        <h5><a href="single.jsp" class="title">Varius sit sed viverra nullam viverra nullam interdum
                            metus</a></h5>
                        <ul>
                            <li><p class="author author-info"><a href="#" class="author">John Maniya</a></p></li>
                            <li class="right-list"><p class="views views-info">2,114,200 views</p></li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-3 resent-grid recommended-grid">
                    <div class="resent-grid-img recommended-grid-img">
                        <a href="single.jsp"><img src="images/g1.jpg" alt=""/></a>
                        <div class="time small-time">
                            <p>9:34</p>
                        </div>
                        <div class="clck small-clck">
                            <span class="glyphicon glyphicon-time" aria-hidden="true"></span>
                        </div>
                    </div>
                    <div class="resent-grid-info recommended-grid-info video-info-grid">
                        <h5><a href="single.jsp" class="title">Nullam interdum viverra nullam metus varius sit sed
                            viverra</a></h5>
                        <ul>
                            <li><p class="author author-info"><a href="#" class="author">John Maniya</a></p></li>
                            <li class="right-list"><p class="views views-info">2,114,200 views</p></li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-3 resent-grid recommended-grid">
                    <div class="resent-grid-img recommended-grid-img">
                        <a href="single.jsp"><img src="images/g2.jpg" alt=""/></a>
                        <div class="time small-time">
                            <p>5:34</p>
                        </div>
                        <div class="clck small-clck">
                            <span class="glyphicon glyphicon-time" aria-hidden="true"></span>
                        </div>
                    </div>
                    <div class="resent-grid-info recommended-grid-info video-info-grid">
                        <h5><a href="single.jsp" class="title">Varius sit sed viverra nullam viverra nullam interdum
                            metus</a></h5>
                        <ul>
                            <li><p class="author author-info"><a href="#" class="author">John Maniya</a></p></li>
                            <li class="right-list"><p class="views views-info">2,114,200 views</p></li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-3 resent-grid recommended-grid">
                    <div class="resent-grid-img recommended-grid-img">
                        <a href="single.jsp"><img src="images/g3.jpg" alt=""/></a>
                        <div class="time small-time">
                            <p>6:55</p>
                        </div>
                        <div class="clck small-clck">
                            <span class="glyphicon glyphicon-time" aria-hidden="true"></span>
                        </div>
                    </div>
                    <div class="resent-grid-info recommended-grid-info video-info-grid">
                        <h5><a href="single.jsp" class="title">Nullam interdum metus viverra nullam varius sit sed
                            viverra</a></h5>
                        <ul>
                            <li><p class="author author-info"><a href="#" class="author">John Maniya</a></p></li>
                            <li class="right-list"><p class="views views-info">2,114,200 views</p></li>
                        </ul>
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>
            <div class="recommended-grids">
                <div class="col-md-3 resent-grid recommended-grid">
                    <div class="resent-grid-img recommended-grid-img">
                        <a href="single.jsp"><img src="images/we2.jpg" alt=""></a>
                        <div class="time small-time">
                            <p>7:30</p>
                        </div>
                        <div class="clck small-clck">
                            <span class="glyphicon glyphicon-time" aria-hidden="true"></span>
                        </div>
                    </div>
                    <div class="resent-grid-info recommended-grid-info video-info-grid">
                        <h5><a href="single.jsp" class="title">Varius sit sed viverra nullam viverra nullam interdum
                            metus</a></h5>
                        <ul>
                            <li><p class="author author-info"><a href="#" class="author">John Maniya</a></p></li>
                            <li class="right-list"><p class="views views-info">2,114,200 views</p></li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-3 resent-grid recommended-grid">
                    <div class="resent-grid-img recommended-grid-img">
                        <a href="single.jsp"><img src="images/we1.jpg" alt=""></a>
                        <div class="time small-time">
                            <p>9:34</p>
                        </div>
                        <div class="clck small-clck">
                            <span class="glyphicon glyphicon-time" aria-hidden="true"></span>
                        </div>
                    </div>
                    <div class="resent-grid-info recommended-grid-info video-info-grid">
                        <h5><a href="single.jsp" class="title">Nullam interdum viverra nullam metus varius sit sed
                            viverra</a></h5>
                        <ul>
                            <li><p class="author author-info"><a href="#" class="author">John Maniya</a></p></li>
                            <li class="right-list"><p class="views views-info">2,114,200 views</p></li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-3 resent-grid recommended-grid">
                    <div class="resent-grid-img recommended-grid-img">
                        <a href="single.jsp"><img src="images/we4.jpg" alt=""></a>
                        <div class="time small-time">
                            <p>5:34</p>
                        </div>
                        <div class="clck small-clck">
                            <span class="glyphicon glyphicon-time" aria-hidden="true"></span>
                        </div>
                    </div>
                    <div class="resent-grid-info recommended-grid-info video-info-grid">
                        <h5><a href="single.jsp" class="title">Varius sit sed viverra nullam viverra nullam interdum
                            metus</a></h5>
                        <ul>
                            <li><p class="author author-info"><a href="#" class="author">John Maniya</a></p></li>
                            <li class="right-list"><p class="views views-info">2,114,200 views</p></li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-3 resent-grid recommended-grid">
                    <div class="resent-grid-img recommended-grid-img">
                        <a href="single.jsp"><img src="images/we3.jpg" alt=""></a>
                        <div class="time small-time">
                            <p>6:55</p>
                        </div>
                        <div class="clck small-clck">
                            <span class="glyphicon glyphicon-time" aria-hidden="true"></span>
                        </div>
                    </div>
                    <div class="resent-grid-info recommended-grid-info video-info-grid">
                        <h5><a href="single.jsp" class="title">Nullam interdum metus viverra nullam varius sit sed
                            viverra</a></h5>
                        <ul>
                            <li><p class="author author-info"><a href="#" class="author">John Maniya</a></p></li>
                            <li class="right-list"><p class="views views-info">2,114,200 views</p></li>
                        </ul>
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
    <!--footer -->
    <%@include file="common/foot.jsp" %>

    <!-- //footer -->
</div>
<div class="clearfix"></div>
<%--<div class="drop-menu">--%>
<%--<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu4">--%>
<%--<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Regular link</a></li>--%>
<%--<li role="presentation" class="disabled"><a role="menuitem" tabindex="-1" href="#">Disabled link</a></li>--%>
<%--<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another link</a></li>--%>
<%--</ul>--%>
<%--</div>--%>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/bootstrap.min.js"></script>
<!-- Just to make our placeholder images work. Don't actually copy the next line! -->

</body>
</html>